<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>消息发送管理</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <style>
        .messageId {
            max-width: 200px;
            overflow:hidden;
            text-overflow:ellipsis;
            white-space:nowrap;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div class="page-header container">
        <h1>分布式消息推送系统 <small>dashboard</small></h1>
    </div>
    <div id="container" class="container">
        <ul class="nav nav-tabs nav-pills">
            <li role="presentation"><a href="./dashboard.html">仪表盘</a></li>
            <li role="presentation" class="active"><a href="#">消息列表</a></li>
            <li role="presentation"><a href="./monitor.html">监控</a></li>
            <li role="presentation"><a href="#">运维</a></li>
        </ul>
        <div class="row">
            <div class="col-md-8">
                <table class="table" id="messageListTable">
                    <tr>
                        <th>消息id</th>
                        <th>发送对象</th>
                        <th>送达人数</th>
                        <th>创建时间</th>
                        <th>操作</th>
                    </tr>
                </table>
                <nav aria-label="Page navigation" style="float: right">
                    <ul class="pagination">
                        <li>
                            <a href="#" aria-label="Previous">
                                <span aria-hidden="true">上一页</span>
                            </a>
                        </li>
                        <li>
                            <a href="#" aria-label="Next">
                                <span aria-hidden="true">下一页</span>
                            </a>
                        </li>
                    </ul>
                </nav>
            </div>
            <div class="col-md-4">
                <label for="msgInput">消息内容：</label>
                <input type="text" id="msgInput" class="form-control">
                <label for="pushTarget">推送对象：</label>
                <select id="pushTarget" class="form-control">
                    <option value="0">全体</option>
                    <option value="1">单一用户</option>
                </select>
                <label for="targetUser">用户：</label>
                <input type="text" id="targetUser" disabled class="form-control">
                <button id="pushButton" class="btn btn-success" style="margin-top: 10px;float:right">推送</button>
            </div>
        </div>

    </div>
</body>
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.1.0/axios.min.js"></script>

<script src="./js/push.js"></script>
<script src="./js/list.js"></script>
</html>